 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!--禁止用户在手机上缩放-->
    <title></title>

    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__AOS__/css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="__JS__/html5shiv.min.js"></script>
    <script src="__JS__/response.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="__CSS__/personal_center.css">
    <link href="__CSS__/animate.css" rel="stylesheet">
    <!--省市区三级联动js代码-->
    <script src="__JS__/area.js"></script>
    <script src="__JS__/jquery-3.2.1.min.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    <script src="__JS__/hAdmin.js?v=4.1.0"></script>
    <script type="text/javascript" src="__JS__/index.js"></script>
    <script src="__JS__/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="__JS__/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="__JS__/plugins/layer/layer.min.js"></script>
</head>
<body>
<!--响应式导航-->
<div class="container"style="background-color: black">
    <div class="row"  style="padding: 1rem;">
        <div class="col-xs-12"  style="line-height: 60px;">
            <a href="{:url('Index/index')}"  style="font-size: 1rem;color:white;">
                <span class="glyphicon glyphicon-tint"></span>在线学习
            </a>
                <div class="pull-right">
                    <img src='__PUBLIC__/images/{$a.head_img}' alt="这里什么也没有" class="img-circle" width="60px" height="60px">
                    <a href="{:url('Index/cancellation')}">注销</a>
                </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <!--菜单开始-->
        <div class=" col-lg-2 col-md-2 col-xs-12  col-sm-12 menu">




            <div class="row">

                <div class="navbar-header col-xs-12 col-sm-12 ">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
                        <i class="fa fa-th-list fa-2x"></i>  <!--自己换的图标-->
                    </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse col-xs-12 col-md-12 col-sm-12 col-lg-12" id="bs-example-navbar-collapse-2">

                    <div class="row nav navbar-nav menu_1" id="title">
                        <a class="J_menuItem"  href="{:url('personal/account_binding')}" >
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12 title" onclick="red(this)">
                          账号绑定
                        </div>
                        </a>
                        <a class="J_menuItem" href="{:url('personal/index')}" >
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12 title" onclick="red(this)" style="background-color: red;color: white;">
                           个人信息
                        </div>
                        </a>
                        <a class="J_menuItem" href="{:url('personal/real_name')}">
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12 title" onclick="red(this)">
                          实名认证
                        </div>
                        </a>
                       <a class="J_menuItem" href="{:url('personal/recharge')} " >
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12 title" onclick="red(this)">
                            账户充值
                        </div>

                        </a>
                        <a class="J_menuItem" href=" {:url('personal/shopping_record')}">
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12 title" onclick="red(this)">
                            消费记录
                        </div>
                        </a>
                        <a class="J_menuItem" href=" {:url('personal/wealth_search')}">
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12 title" onclick="red(this)">
                          余额查询
                        </div>
                        </a>
                        <a class="J_menuItem" href="{:url('personal/mycourse')}">
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12 title" onclick="red(this)">
                           我的课程
                        </div>
                        </a>
                    </div>
                </div>


            </div>
        </div>

        <!--菜单结束-->








<div class="container-fluid last hidden-xs hidden-sm hidden-md">
    <!--隐藏的要一个一个写-->
    <div class="row">
        <div class="col-lg-1 hidden-xs hidden-sm hidden-md"></div>
        <div class="col-lg-8 hidden-xs hidden-sm hidden-md ">
            <ul class="last1">
                <li><a href="#" class="ss">网站首页</a></li>
                <li><a href="#" class="ss">企业合作</a></li>
                <li><a href="#" class="ss">人才招聘</a></li>
                <li><a href="#" class="ss">联系我们</a></li>
                <li><a href="#" class="ss">讲师招聘</a></li>
                <li><a href="#" class="ss">常见问题</a></li>
                <li><a href="#" class="ss">意见反馈</a></li>
                <li><a href="#" class="ss">慕课大学</a></li>
                <li><a href="#" class="ss">友情连接</a></li>
            </ul>
            <p class="last3">
                Copyright © 2017 imooc.com All Rights Reserved | 川ICP备 13046642号-2
            </p>
        </div>
        <div class=" col-lg-3 hidden-xs hidden-sm hidden-md last2">
            <div class="as">
                <i class="fa fa-weixin fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-qq fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-weibo fa-2x"></i>
            </div>

        </div>

    </div>
</div>
</div>
</div>

<div class="container" style="height: 25rem">
<iframe  class="J_iframe" id="J_iframe" width="100%" height="100%" src="{:url('Personal/index')}" frameborder="0" data-id="{url('index/read','id=5&name=thinkphp')}" seamless></iframe>
</div>


</body>
</html>

 <script>
     function red(obg){
         for (var a=0; a<  $("#title").children().length;a++){
             $(".title").eq(a).css("background-color","")
             $(".title").eq(a).css("color","#337ab7")
         }
            $(obg).css("background-color","red");
            $(obg).css("color","white")
     }



 </script>